layui.code
/**
  项目JS主入口
  以依赖layui的layer和form模块为例
**/     
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  
  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});

layui.use(['carousel', 'form'], function(){
  var carousel = layui.carousel
  ,form = layui.form;
  
  //常规轮播
  carousel.render({
    elem: '#test1'
    ,arrow: 'always'
  });
  
  //改变下时间间隔、动画类型、高度
  carousel.render({
    elem: '#test2'
    ,interval: 1800
    ,anim: 'fade'
    ,height: '120px'
  });
  
  //设定各种参数
  var ins3 = carousel.render({
    elem: '#test3'
  });
  //图片轮播
  carousel.render({
    elem: '#test10'
    ,width: '100%'
    ,height: '500px'
    ,interval: 5000
  });
  
  //事件
  carousel.on('change(test4)', function(res){
    console.log(res)
  });
  
  var $ = layui.$, active = {
    set: function(othis){
      var THIS = 'layui-bg-normal'
      ,key = othis.data('key')
      ,options = {};
      
      othis.css('background-color', '#5FB878').siblings().removeAttr('style'); 
      options[key] = othis.data('value');
      ins3.reload(options);
    }
  };
  
  //监听开关
  form.on('switch(autoplay)', function(){
    ins3.reload({
      autoplay: this.checked
    });
  });
  
  $('.demoSet').on('keyup', function(){
    var value = this.value
    ,options = {};
    if(!/^\d+$/.test(value)) return;
    
    options[this.name] = value;
    ins3.reload(options);
  });
  
  //其它示例
  $('.demoTest .layui-btn').on('click', function(){
    var othis = $(this), type = othis.data('type');
    active[type] ? active[type].call(this, othis) : '';
  });
});
layui.use('laydate', function(){
  var laydate = layui.laydate;
  
  //执行一个laydate实例
  laydate.render({
    elem: '#datatime' //指定元素
  });
});
//   layui.use('form', function(){
//  var form = layui.form;
//  //监听提交
//
//});
layui.use('laydate', function(){
	  var laydate = layui.laydate;
	  
	  //常规用法
	  laydate.render({
	    elem: '#test1'
	  });
	  
	  //国际版
	  laydate.render({
	    elem: '#test1-1'
	    ,lang: 'en'
	  });
	  
	  //年选择器
	  laydate.render({
	    elem: '#test2'
	    ,type: 'year'
	  });
	  
	  //年月选择器
	  laydate.render({
	    elem: '#test3'
	    ,type: 'month'
	  });
	  
	  //时间选择器
	  laydate.render({
	    elem: '#test4'
	    ,type: 'time'
	  });
	  
	  //日期时间选择器
	  laydate.render({
	    elem: '#test5'
	    ,type: 'datetime'
	  });
	  
	  //日期范围
	  laydate.render({
	    elem: '#finddate'
	    ,range: true
	  });
	  
	  //年范围
	  laydate.render({
	    elem: '#test7'
	    ,type: 'year'
	    ,range: true
	  });
	  
	  //年月范围
	  laydate.render({
	    elem: '#test8'
	    ,type: 'month'
	    ,range: true
	  });
	  
	  //时间范围
	  laydate.render({
	    elem: '#test9'
	    ,type: 'time'
	    ,range: true
	  });
	  
	  //日期时间范围
	  laydate.render({
	    elem: '#test10'
	    ,type: 'datetime'
	    ,range: true
	  });
	  
	  //自定义格式
	  laydate.render({
	    elem: '#test11'
	    ,format: 'yyyy年MM月dd日'
	  });
	  laydate.render({
	    elem: '#test12'
	    ,format: 'dd/MM/yyyy'
	  });
	  laydate.render({
	    elem: '#test13'
	    ,format: 'yyyyMMdd'
	  });
	  laydate.render({
	    elem: '#test14'
	    ,type: 'time'
	    ,format: 'H点m分'
	  });
	  laydate.render({
	    elem: '#test15'
	    ,type: 'month'
	    ,range: '~'
	    ,format: 'yyyy-MM'
	  });
	  laydate.render({
	    elem: '#test16'
	    ,type: 'datetime'
	    ,range: '到'
	    ,format: 'yyyy年M月d日H时m分s秒'
	  });
	  
	  //开启公历节日
	  laydate.render({
	    elem: '#test17'
	    ,calendar: true
	  });
	  
	  //自定义重要日
	  laydate.render({
	    elem: '#test18'
	    ,mark: {
	      '0-10-14': '生日'
	      ,'0-12-31': '跨年' //每年的日期
	      ,'0-0-10': '工资' //每月某天
	      ,'0-0-15': '月中'
	      ,'2017-8-15': '' //如果为空字符，则默认显示数字+徽章
	      ,'2099-10-14': '呵呵'
	    }
	    ,done: function(value, date){
	      if(date.year === 2017 && date.month === 8 && date.date === 15){ //点击2017年8月15日，弹出提示语
	        layer.msg('这一天是：中国人民抗日战争胜利72周年');
	      }
	    }
	  });
	  
	  //限定可选日期
	  var ins22 = laydate.render({
	    elem: '#test-limit1'
	    ,min: '2016-10-14'
	    ,max: '2080-10-14'
	    ,ready: function(){
	      ins22.hint('日期可选值设定在 <br> 2016-10-14 到 2080-10-14');
	    }
	  });
	  
	  //前后若干天可选，这里以7天为例
	  laydate.render({
	    elem: '#test-limit2'
	    ,min: -7
	    ,max: 7
	  });
	  
	  //限定可选时间
	  laydate.render({
	    elem: '#test-limit3'
	    ,type: 'time'
	    ,min: '09:30:00'
	    ,max: '17:30:00'
	    ,btns: ['clear', 'confirm']
	  });
	  
	  //同时绑定多个
	  lay('.test-item').each(function(){
	    laydate.render({
	      elem: this
	      ,trigger: 'click'
	    });
	  });
	  
	  //初始赋值
	  laydate.render({
	    elem: '#test19'
	    ,value: '1989-10-14'
	    ,isInitValue: true
	  });
	  
	  //选中后的回调
	  laydate.render({
	    elem: '#test20'
	    ,done: function(value, date){
	      layer.alert('你选择的日期是：' + value + '<br>获得的对象是' + JSON.stringify(date));
	    }
	  });
	  
	  //日期切换的回调
	  laydate.render({
	    elem: '#test21'
	    ,change: function(value, date){
	      layer.msg('你选择的日期是：' + value + '<br><br>获得的对象是' + JSON.stringify(date));
	    }
	  });
	  //不出现底部栏
	  laydate.render({
	    elem: '#test22'
	    ,showBottom: false
	  });
	  
	  //只出现确定按钮
	  laydate.render({
	    elem: '#test23'
	    ,btns: ['confirm']
	  });
	  
	  //自定义事件
	  laydate.render({
	    elem: '#test24'
	    ,trigger: 'mousedown'
	  });
	  
	  //点我触发
	  laydate.render({
	    elem: '#test25'
	    ,eventElem: '#test25-1'
	    ,trigger: 'click'
	  });
	  
	  //双击我触发
	  lay('#test26-1').on('dblclick', function(){
	    laydate.render({
	      elem: '#test26'
	      ,show: true
	      ,closeStop: '#test26-1'
	    });
	  });
	  
	  //日期只读
	  laydate.render({
	    elem: '#test27'
	    ,trigger: 'click'
	  });
	  
	  //非input元素
	  laydate.render({
	    elem: '#test28'
	  });
	  
	  //墨绿主题
	  laydate.render({
	    elem: '#test29'
	    ,theme: 'molv'
	  });
	  
	  //自定义颜色
	  laydate.render({
	    elem: '#test30'
	    ,theme: '#393D49'
	  });
	  
	  //格子主题
	  laydate.render({
	    elem: '#test31'
	    ,theme: 'grid'
	  });
	  
	  
	  //直接嵌套显示
	  laydate.render({
	    elem: '#test-n1'
	    ,position: 'static'
	  });
	  laydate.render({
	    elem: '#test-n2'
	    ,position: 'static'
	    ,lang: 'en'
	  });
	  laydate.render({
	    elem: '#test-n3'
	    ,type: 'month'
	    ,position: 'static'
	  });
	  laydate.render({
	    elem: '#test-n4'
	    ,type: 'time'
	    ,position: 'static'
	  });
	});
layui.use('layer', function(){ //独立版的layer无需执行这一句
	  var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
	  //触发事件
	  var active = {
	    offset: function(othis){
	    	  var rtid = othis.data('value')
	      var type = othis.data('type')
	      ,text = othis.text();
	      layer.open({
	        type: 2
	        ,offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
	        ,id: 'layerDemo'+type //防止重复弹出
	        ,content: 'roomdetails.html?rtid='+rtid
	        ,btnAlign: 'c' //按钮居中
	        ,shade: 0//不显示遮罩
			,area: ['860px', '460px']
	        ,yes: function(){
	          layer.closeAll();
	        }
	      });
	    }
	  };
	  
	  $('#layerDemo .layui-btn').on('click', function(){
	    var othis = $(this), method = othis.data('method');
	    active[method] ? active[method].call(this, othis) : '';
	  });

	});
